* {
  box-sizing: border-box;
}

body {
  padding: 0;
  width: 100%;
  margin: 0 auto;
  font: 14px/1.8 "Microsoft YaHei";
  font: 1.4rem/1.8 "Microsoft YaHei";
  position: relative;
}

ul,dl,dd,h1,h2,h3,h4,h5,h6,form,p,em,ol,input,th{ 
	padding:0; margin:0;
	font-weight: normal;
}
ul ,ol{ 
	list-style:none;
}
img { 
	border:0px;
	max-width: 100%;
}
a{ 
	
	text-decoration:none; 
}
input,textarea{
	outline-style: none;
}

:focus {
  outline: none;
}
ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
table {
  /*    border-collapse:collapse;*/
  border-spacing: 0;
}
label {
  font-weight: normal;
  margin: 0;
}

.container {
  width: 100%;
  margin: auto;
  padding: 0;
  position: relative;
}
header{
	width: 100%;
	height: auto;
	position: fixed;
	top: 0;
	z-index: 99999999;
	background: white;
}
.logo{
	width:60%;
	float: left;
	padding:2% 0;
}
.nav_pc{
	float: right;
	width: 70%;
	padding-top: 2%;
	display: none;
}
.nav_pc li{
	width: 14%;
	float: left;
	text-align:center;
	padding:1% 0 3% 0;
	position: relative;
}
.nav_pc li.on{
	background: url(../images/nav_di.png) no-repeat bottom center;
	background-size:100% auto ;
}
.nav_pc li:nth-child(1) a{
	border: none;
}
.nav_pc li:hover{
	background: url(../images/nav_di.png) no-repeat bottom center;
	background-size:100% auto ;
}
.nav_pc li > a{
	width: 100%;
	display: inline-block;
	text-align: center;
	font-size:16px ;
	font-size: 1.6rem;
	color: #3e3a39;
	transition: all 0.5s;
	border-left: 1px solid #DDDDDD;
}
.nav_pc li > a:hover{
	color:  #07a970;
}
.nav_pc li > a p{
	font-size:12px ;
	font-size: 1.2rem;
	color: #bdbcbc;
}
.nav_cai{
	float: right;
	width: 7%;
	margin:5% 3%;
}
.nav_sj{
	width: 100%;
	position: absolute;
	top: 100%;
	background: #E9E9E9;
	display: none;
	z-index: 999999;
}
.nav_sj > li{
	width: 90%;
	margin: auto;
	border-bottom: 1px solid #CCCCCC;
	line-height: 3;
	font-size:1.5rem ;
	height: auto;
	overflow: hidden;
}
.nav_sj > li > a{
	color: #333333;
	display: block;
}
.nav_sj > li > a i{
	display: inline-block;
	float: right;
	margin-right: 10px;
	width: 15px;
	height: 100%;
	background: url(../images/jj.png) no-repeat center;
	background-size:100% auto;
}
.nav_sj > li > a i.on{
	background: url(../images/jj1.png) no-repeat center;
	background-size:100% auto;
}
.nav_sj_er{
	margin-top: 0;
	display: none;
}
.nav_sj_er > li{
	line-height: 2;
	padding-left: 25px;
	font-size:1.3rem ;
}
.nav_sj_er > li a{
	color: #555555;
}
.nav_pc_kd{
	width: 100%;
	height:0;
	overflow: hidden;
	position: fixed;
	background: rgba(239, 239, 239, 0.8);
	
}
.pc_tr{
	position: absolute;
	top:120%;
	display: none;
	width: 500%;

}
.pc_kf {
	border-right: 1px dashed #bbbbbb;
	display: inline-block;/*
	padding-right: 3%;*/
	width: 20%;
	float: left;
}
.pc_kf a{
	display: block;
	color: #3e3a39;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 2;
}
.pc_kc{
	display: inline-block;
	padding-left: 3%;
	vertical-align: top;
	width: 70%;
	float: left;
}
.pc_kc a{
	display: inline-block;
	color: #3e3a39;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 2;
	padding: 0 9px;
	vertical-align: top;
	width: 35%;
}
.pc_kc a.yyu{
	width: auto;
	float: left;
	
}
.pc_kc a img{
	display: block;
	max-width: 100%;
}
/*.nav_pc > li:hover .nav_pc_kd{
	height:auto !important;
}
*/
/**************主体内容****************/
section{
	width: 100%;
}
.banner{
	width: 100%;
	position: relative;
}
.banner .img1{
	
	visibility: hidden;
}

.banner_img{
	position: absolute;
	left:0 ;
	top: 0;
	width:100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}
.img2{
	position: absolute;
	width: 5%;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	transition: width 1.5s ease-out;
	-webkit-transition: 1.5s width ease-out;
}
.open{
	position: absolute;
	width: 45%;
	height:50%;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	z-index: 9999999;
	padding: 3%;
	background: rgba(0,0,0,0.2);
	transition: width 3s ease-out;
	opacity: 0;
}
.img_ch{
/*	visibility: hidden;*/
	width: 100%;
}
.open i{
	display: inline-block;
	transition:all 3s ease-out; 
	position: absolute;
}
.i1{
	
	right: 0;
	top: 0;
	border-bottom: 2px solid white;
	width: 0%;
}
.i2{

	left: 0;
	bottom: 0;
	border-bottom: 2px solid white;
	width: 0%;
}

.i3{

	left: 0;
	top: 0;
	border-left: 2px solid white;
	height: 0%;
}
.i4{
	
	right: 0;
	bottom: 0;
	border-left: 2px solid white;
	height: 0%;
}
.about{
	height: auto;
	overflow: hidden;
	background: #f2f2f2;
}
.about > div{
	float: left;
}
.about_a{
	width: 100%;
	
	padding: 5% 3% 2% 3%;
}
.about_b{
	width: 100%;
	background:url(../images/about.png) no-repeat ;
	background-size:100% 100% ;
	position: relative;
}
/*.about_a ul{
	height: auto;
	overflow: hidden;
}*/
.about_a ul li{
	text-align: center;
	float: left;
	width: 33.3%;
	border-left: 1px #dbdada solid;
}
.about_a ul li.on{
	border: none;
}
.about_a ul li img{
	width: 30%;
	margin-top: -10px;
}
.about_a ul li p{
	font-size: 40px;	
	font-size: 4rem;
	color: #3e3a39;
	line-height: 1.5;
	
}
.about_a ul li span{
	font-size: 12px;	
	font-size: 1.2rem;
	color: #3e3a39;
}
.about_a h2{
	text-align: center;
	color: #009865;
	font-size: 16px;
	font-size: 1.6rem;
	padding:4% 0;
}
.about_a h2 div{
	display: inline-block;
	text-align: center;
}
.about_a h2 i{
	width: 35%;
	display:inline-block;
	margin-left: 5%;
	
}
.about_a h2 p{
	line-height: 1;
	margin: 5% 0;
}
.about_a h2 p span{
	font-weight: bold;
	margin: 0 10px;
	
}
.about_a h2 p span b{
	font-size: 12px;
	font-size: 1.2rem;
	vertical-align: top;
}
.fazhan{
	text-align: center;
}
.pz1{
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
}
.pz2{
	font-size: 12px;
	font-size: 1.2rem;
	color: #a5a4a4;
}
.pz3{
	width: 90%;
	margin:5% auto ;
	font-size: 14px;
	font-size: 1.4rem;
	color: #3e3e3e;
	text-align: left;
	line-height: 2;
	max-height: 110px;
	overflow: hidden;
}
.about_b div{
	background: rgba(0,0,0,0.5);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.about_b p{
	text-align: center;
	position: absolute;
	top: 45%;
	width: 100%;
}
.about_b p b{
	font-weight: normal;
	font-size: 40px;
	font-size: 4rem;
	color: white;
	display: block;
	line-height: 1.5;
}
.about_b p span{
	font-weight: normal;
	font-size: 20px;
	font-size: 2rem;
	color: white;
	display: block;
}
.news{
	background: url(../images/news.png) no-repeat;
	background-size:100% 100% ;
	text-align: center;
	padding-bottom:4%;
}
.tit{
	color: white;
	padding-top: 4%;
}
.tit h3{
	font-family: arial;
	font-size: 18px;
	line-height: 1.5;
}
.tit p{
	font-size: 16px;
	line-height: 1.5;
	width: 60%;
	margin: auto;
	position: relative;
}
.tit span{
	font-size: 12px;
	line-height: 1.5;
}
.tit p i{
	display: block;
	width: 30%;
	position: absolute;
	border-bottom: 1px solid rgba(255,255,255,.5);
	top: 50%;
}
.tit p i.it1{
	left: 0;
}
.tit p i.it2{
	right: 0;
}
.news ul{
	padding:2% 0 1.5% 0;
}
.news ul li{
	display: inline-block;
	width:43%;
	margin: 1%;
	background: white;
}
.news_img img{
	width: 100%;
}
.news_info{
	text-align: left;
	padding: 5%;
}
.news_info p{
	font-size:16px ;
	color: #3e3e3e;
	max-height: 25px;
	overflow: hidden;
}
.news_info span{
	font-size: 12px;
	color: #898989;
	max-height: 42px;
	overflow: hidden;
	display: inline-block;
}
.a1{
	display: inline-block;
	border: 1px solid white;
	color: white;
	font-size: 16px;
	padding: 5px 25px;
}
.a1 span{
	margin-right: 10px;
}
.layout{
	background: url(../images/bg2.png) no-repeat top;
	background-size:100% auto;
	text-align: center;
}
.tit1{
	color:#3e3a39;
	padding-top: 4%;
}

.tit1 p i{
	display: block;
	width: 30%;
	position: absolute;
	border-bottom: 1px solid rgba(0,0,0,.3);
	top: 50%;
}
.layout ul{
	height: auto;
	overflow: hidden;
	padding-top:3% ;
}
.layout ul li{
	width: 33.3%;
	float: left;
	position: relative;
}
.layout ul li img.img_la{
	width: 100%;
}
.layout ul li div{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background:rgba(0,0,0,.65);
	transition: background-color 0.5s ease-out;
}
.layout ul li div p{
	width: 100%;
	margin: auto;
	position: absolute;
	top: 30%;
}
.kz{
	width: 35%;
}
.kz1{
	width: 20%;
	display: none;
}
.layout ul li:hover div{
	background:rgba(0,0,0,.25);
}
.layout ul li:hover .kz1{
	display: inline-block;
}
.layout ul li:hover .kz{
	display: none;
}
.span2{
	display:none;
	
	
}
.layout ul li div p span{
	padding-top:7%;
	margin-top: 7%;
	font-size: 12px;
	color: white;
}
.span1{
	display:block;
	background: url(../images/rxx.png) no-repeat top center;
}
.layout ul li:hover .span2{
	display: block;
}
.layout ul li:hover .span1{
	display: none;
}
.marketing{
	position: relative;
	text-align: center;
}
.tit2{
	position: absolute;
	width: 100%;
}
.sheng{
	position: absolute;
	left: 0;
	top: 0;
}
.xian{
	position: absolute;
	left:59%;
	top:59.5%;
	width: 0%;
	transition:width 3s ease-out;
}
.link{
	padding: 3% 0;
}
.link ul{
	height: auto;
	overflow: hidden;
	text-align: center;
}
.link ul li{
	display: inline-block;
	border: 1px solid #CCCCCC;
	width: 48%;
	margin: 1% auto;
	padding: 1% 0;
}
.link ul li img{
	transition: all .5s;
}
.link ul li:hover .link1{
	transform: scale(1.15);
}

footer{
	width: 100%;
}
.bottom{
	background: #355a8f;
	color: #d1d7e1;	
}
.bottom_a{
	padding: 3%;
	height: auto;
	overflow: hidden;
	
}
.bottom_a_list{
	padding: 3%;
	float: left;
	width:50%;
}
.fp1{
	font-size: 14px;
}
.fp2{
	font-size: 14px;
	font-family: arial;
}
.fp3{
	font-size: 12px;
}
.bottom_a_on{
	float: left;
	width: 50%;
}
.bottom_a_on div{
	display: inline-block;
	text-align: center;
	margin:5%;
	width: 38%;
}
.bottom_a_on div p{
	background: url(../images/kuai.png) no-repeat;
	background-size:100% 100% ;
	padding: 10px;
}
.bottom_a_on div span{
	padding-top:10%;
	display: inline-block;
}
.bottom_ul{
	width: 100%;
	float: left;
	height: auto;
	overflow: hidden;
	margin-top:3% ;
}
.bottom_ul li{
	width: 24%;
	float: left;
	text-align: center;
	border-right:1px solid #4a6b9a;
	
}
.bottom_ul li.on{
	border-left:1px solid #4a6b9a;
}
.bottom_ul li p{
	color: #d1d7e1;	
	font-size: 14px;
	margin-bottom: 10%;
		
}
.bottom_ul li span{
	color: #d1d7e1;	
	color: 14px;
	display: block;
}
.bottom_b{
	text-align: center;
	padding: 1% 0;
	border-top:1px solid #4a6b9a;
	font-size: 12px;
}
.bottom_b p a img{
	margin-left: 10px;
	margin-bottom: 3px;
	
}
.bottom_b p a{
	color: #d1d7e1;
}
.bottom_b p {
	line-height: 2;
}
.banner_a img{
	width: 100%;
}
.tit3{
	text-align: center;
	color: #3e3e39;
	padding:2% 0 1% 0;
}
.tit3 h3{
	
	font-size: 20px;
		line-height: 1.5;
}
.tit3 p{
	position: relative;
	display: inline-block;
	width: 40%;
	font-size: 16px;
	line-height:1;
}
.tit3 p i{
	position: absolute;
	display: inline-block;
	width: 20%;
	top: 49%;
	border: 1px solid #3e3e39;
}
.pi1{
	left: 0;
}
.pi2{
	right: 0;
}
.ab_info{
	height: auto;
	overflow: hidden;
	background: #f3f3f3;
}
.ab_a{
	float: left;
	width: 100%;
}
.ab_a img{
	width: 100%;
}
.ab_b{
	float: left;
	width: 100%;
	padding: 3%;
}
.ab_b p{
	color: #696868;
	font-size: 14px;
	margin-top: 3%;
	line-height: 2;
	max-height: ;
	overflow: hidden;
}
.ab_b h4{
	color: #3e3a39;
	font-size: 20px;
}
.ab_b a{
	display: inline-block;
	margin-top: 5%;
	color: #696868;
	font-size: 14px;
}
.ab_b a span{
	margin-right: 15px;
}
.ab_ul{
	height: auto;
	overflow: hidden;
	padding:3% 0;
	
}
.ab_ul li{
	float: left;
	width: 100%;
	position: relative;
}

.ab_ul li img{
	width: 100%;
}
.ab_ul li div{
	background: rgba(0,0,0,0.4);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: background 0.5s;
}
.ab_ul li:hover div{
	background: rgba(0,0,0,0);
}
.ab_ul li div p{
	position: absolute;
	width:100%;
	top: 35%;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	color: white;
	padding-bottom: 15px;
	
}
.ab_ul li div p span{
	border-bottom: 3px solid white;
	width: 12%;
	left:44%;
	position: absolute;
	bottom: 0;

}
.ab_d{
	background: url(../images/bgy.png) no-repeat;
	background-size:100% 100% ;
	margin-bottom: 3%;
	padding: 5%;
}
.ab_d h6{
	color: white;
	font-weight: bold;
	font-size: 24px;
}
.ab_d ul{
	height: auto;
	overflow: hidden;
	text-align: center;
}
.ab_d li{
	display: inline-block;
	background: #eeeff1;
	width: 95%;
	text-align: left;
	padding: 2%;
	margin:1% 3%;
}
.ab_p1{
	color: #696868;
	font-size: 16px;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 1% 0;
}
.ab_p2{
	font-size: 12px;
	color: #696868;
	max-height: 73px;
	overflow: hidden;
	line-height: 2;
}
.product{
	padding-bottom: 4%;
}
.product ul,.news_a ul{
	 text-align: center;
	 padding-bottom:2%;
}
.product ul li,.news_a ul li{
	display: inline-block;
	border: 1px solid #e1e0e0;
	padding: 4px 30px;
	margin:0 0.3% 1% 0.3%;
	
	font-size: 14px;
}
.product ul li a,.news_a ul li a{
	color: #696868;
}
.product ul li.on,.news_a ul li.on{
	background: #355a8f;
	border: 1px solid #355a8f;
}
.product ul li.on a,.news_a ul li.on a{
	color: white;
}
.product_info{
	width: 95%;
	margin: auto;
}
.product_info p{
	font-size: 14px;
	color: #696868;
	line-height: 2.5;
}

.news_k{
	background: #faf9f9;
	height: auto;
	overflow: hidden;
	margin: 3% 0;
}
.news_d{
	width: 100%;
	float: left;
	height: 100%;
	display: block;
}
.news_f{
	float: left;
	padding:2% 3% 0 3%;
	width: 100%;
}
.np1{
	font-size: 16px;
	color: #3e3a39;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.np2{
	color:#a4a2a2;
	font-size: 12px;
}
.np2 span {
	margin-right: 20px;
}
.np3{
	font-size: 14px;
	color: #696868;
	max-height: 66px;
	overflow: hidden;
	margin: 1% 0 0.3% 0;
}
.np4{
	padding: 5px 30px;
	border: 1px solid #DDDDDD;
	text-align: center;
	display: inline-block;
	color:#888888 ;
	margin-top: 1%;
}
.np4 span{
	color:#747171;
}
.kd_j{
	font-size: 20px;
	font-weight: bold;
	color: #3e3a39;
	text-align: center;
}
.kd_k{
	font-size: 12px;
	color: #747171;
	text-align: center;
	padding-bottom: 2%;

}
.kd_k span{
	margin: 0 20px;
	
}
.news_list_kd{
	padding: 4% 0 3% 0;
}
.news_nei{
	padding:2% 0;
	width: 95%;
	margin: auto;
	border-top: 1px solid #e0dfdf;
	border-bottom: 1px solid #e0dfdf;
}
.news_nei p{
	font-size: 14px;
	color: #696868;
	line-height: 2;
}
.news_nei img{
	display: block;
	margin:2% auto 3%;
}
.nk_y{
	padding: 2% 0;
	width: 95%;
	margin: auto;
}
.nk_y a{
	font-size: 14px;
	color: #696868;
	line-height: 2.5;
	display: block;
}
.nk_y a span{
	margin-left: 5%;
	display: inline-block;
}
.contact ul li{
	padding: 4px 15px;
}

.contact_a h3{
	color: #3e3a39;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	background: url(../images/ln.png) no-repeat bottom center;
	padding-bottom: 10px;
}
.contact_a > ul{
	height: auto;
	overflow: hidden;
	border:1px solid #eeeeee ;


	margin: 2% 0;
}
.contact_a > ul >li{
	float: left;
	width: 50%;
	text-align: center;
	color: 33e3a39;
	margin: 2% 0;
	border-right:1px solid #eeeeee ;
	padding: 2% 0;
}
.contact_a > ul >li:nth-child(4){
	border-right:none ;
}
.contact_a > ul >li p{
	font-size: 12px;
	margin-top: 2%;
}
.contact_a > ul >li span{
	font-size: 14px;
	font-weight: bold;
}
.ditu img{
	width: 100%;
}
.message{
	width:95%;
	margin: auto;
	padding: 4% 0;
	text-align: center;
	font-size: 14px;
}
.message h4{
	font-size: 20px;
	color: #3E3E39;
}
.message > p{
	color: #696868;
	font-size: 14px;
}
.lab_a{
	width:100%;
	border: 1px solid #dadada;
}
.lab_a input{
	border: none;
	width: 95%;
	
}
.txet{
	background: url(../images/f1.jpg) no-repeat right center;
	height: 50px;
}
.tel{
	background: url(../images/f2.png) no-repeat right center;
	height: 50px;
}
.email{
	background: url(../images/f3.jpg) no-repeat right center;
	height: 50px;
}
.txet_kk{
	width: 100%;
	border: 1px solid #dadada;
	font-weight: normal;
}
.txet_kk textarea{
	width: 98%;
	border: none;
	height: 180px !important;
	background: url(../images/f4.jpg) no-repeat right top;
	height: 50px;
	margin-top: 15px;
	vertical-align: top;
}
.message label{
	margin-top:1%;
	margin-bottom:1%;
	color: #AAAAAA;
}
.submit{
	background: #8b8b8b;
	color: white;
	padding:0 50px;
	height: 50px;
	border: none;
	margin-top:1.5% ;
	font-size: 16px;
}
.message form{
	margin:2% 0;
}

.message_a{
	text-align: center;
	height: auto;
	overflow: hidden;
}
.lab_b{
	font-weight:normal;
	width:95%;
	display: block;
	margin:1.5% auto;
	border: 1px solid #dadada;
	height: 50px;
	font-size:14px ;
}
.lab_b input{
	border: none;
	width:auto;
	float: left;
	line-height: 48px;
	color: #838282;
}
.lab_b span{
	width:70px;
	float: left;
	color: #838282;
	line-height: 50px;
}
.submit1{
	background: #8b8b8b;
	color: white;
	width:95%;
	height: 50px;
	border: none;
	margin:auto;
	font-size: 16px;
}
.xuzhi{
	width: 95%;
	text-align: left;
	color: #696868;
	margin: 3% auto;
}
.xuzhi h3{
	
	font-weight:bold ;
	font-size: 16px;
}
.xuzhi P{
	font-size: 14px;
	line-height: 2;
}
.ziti{
	width: 95%;
	line-height: 2.5;
	font-size: 14px;
	color: #696868;
	margin: 3% auto;
}
.rongyu_ul{
	height: auto;
	overflow: hidden;
	padding-bottom:3% ;
}
.rongyu_ul li{
	width: 100%;
	display: inline-block;
	margin:1.5% auto ;
	border: 2px solid #f7f7f7;
	padding:25px ;
}
.rong_p1{
	font-size: 18px;
	color: #333333;
}
.rong_p2{
	color:#d62e2e ;
	font-size: 22px;
	background: url(../images/ln.png) no-repeat bottom left;
	padding-bottom: 10px;
	margin-bottom: 2%;
}
.rong_p3{
	color: #333333;
	font-size: 14px;
	line-height: 2;
}
.pagination li{
	border:none;
	padding:0 !important;
	width: 35px !important;
	height: 35px !important;
	text-align: center;
	line-height: 35px;
	background: #EBEBEB;
	margin:0 7.5px !important;
	font-size: 14px !important;
	border-radius:5px ;
	font-weight: bold;
}
.pagination li span,.pagination li a{
	display: block;
	color: #666666;
}
.pagination li.active span{
	background:#355A8F ;
	color: white;
	border-radius:5px ;
}
.gimg{
	width:170px;
}